<template>
	<view class="uam-head">
		<view class="uam-head-icon">
	<text @tap="handleToBack" class="iconfont">&#xe683;</text>
	<text class="boter">|</text>
		<text @tap="handleToHome" class="iconfont">&#xe61d;</text>
		</view>
		<view class="heading">
			<image src="../../static/mimi.jpg" mode=""></image>
			<text>{{title}}</text>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props :['title'],
		methods: {
			handleToBack(){
				uni.navigateBack();
			},
			handleToHome(){
				uni.navigateTo({
					url:'/pages/index/index'
				});
			}
		}
	}
</script>

<style>
	.boter{margin:15rpx}
	.iconfont{margin:18rpx}
.uam-head{width: 100%;height: 100%;line-height: 80rpx;
font-size: 36rpx;color:springgreen;overflow: hidden;position: relative;}
.uam-head-icon{width: 130rpx;height: 48rpx;background: rgba(0, 0, 0, 0.4);
border-radius: 25rpx;position: absolute;left: 10rpx;top: 28rpx;
line-height: 5rpx;display: flex;justify-content: center;}
.heading{width: 180rpx;height: 150rpx;position: relative;left: 150rpx;
top: 0rpx;display: flex;border-radius: 10rpx;}
.heading image{ width: 100%;height: 100%;}
.heading text{position: absolute;font-size: 12rpx;color: blue;right: 40rpx;top:95rpx;}
</style>
